<!--       超时补偿        -->
<!--<apes-content>-->
  <apes-button-list class="buttonList" [ctx]="ctx" [buttonBarMetadata]="buttonBar"
                    (click)="onEvent($event)"></apes-button-list>

  <div style="display: flex; flex-wrap: wrap;">
    <apes-card *ngFor="let data of reportList" [ngStyle]="{ width: data.width }">
      <h3>{{ data.title }}</h3>
      <div *ngIf=" data.key === 1">
        <ul>
          <li>合计 &nbsp;&nbsp;</li>
          <li>日: <span>{{ data.rhj }} 元</span> &nbsp;</li>
          <li>月: <span>{{ data.yhj }} 元</span> &nbsp;</li>
        </ul>
      </div>

      <div *ngIf=" data.key === 2">
        <ul>
          <li>合计 &nbsp;&nbsp;</li>
          <li>日: <span>{{ data.rhj }} 元</span> &nbsp;</li>
          <li>月: <span>{{ data.yhj }} 元</span> &nbsp;</li>
        </ul>
      </div>
      <ag-grid-angular #grid
                       style="width: 100%;" [ngStyle]="{ height: height }" class="ag-theme-balham"
                       enableColResize="true"
                       enableSorting="true"
                       enableFilter="true"

                       suppressLoadingOverlay="true"

                       [rowData]="data.rowData"
                       [gridOptions]="gridOptions"
                       [columnDefs]="data.titleList"
                       [pinnedBottomRowData]="pinnedBottomRowData"
                       [getContextMenuItems]="getContextMenuItems"
                       [rowClassRules]="rowClassRules">
      </ag-grid-angular>
    </apes-card>
  </div>
<!--</apes-content>-->

